<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>帮助中心</title>
    <link rel="stylesheet" href="./static/css/global.css">
    <link rel="stylesheet" href="./static/css/opinion.css">
    <link rel="stylesheet" href="./static/js/css/layui.css" media="all">
    <script src="./static/js/layui.js" charset="utf-8"></script>
</head>

<body>
    <div class="global-title">
        <div>
            <!-- <span class="title-left">嗨，欢迎来贝链嗨购</span> -->
            <div class="title-left-login">
                <span>嗨，欢迎来贝链嗨购</span>
                <div class="title-left-login-user">
                    <img src="./static/img/img1.png" alt="">
                    <span>这里是用户昵称</span>
                </div>
                <a href="./mine.html">个人中心</a>
                <a href="">收藏夹</a>
                <a href="">退出账户</a>
            </div>
            <div class="title-right">
                <a href="/shopLogin.html">供应商登录</a>
                <a href="./help.html">帮助中心</a>
            </div>
        </div>
    </div>
    <div class="global-header">
        <div class="header-left">
            <img src="./static/img/header_logo.png" alt="">
            <span>帮助中心</span>
        </div>
    </div>
    <div class="title">
        <a href="">首页></a>
        <a href="">帮助中心></a>
        <span>意见反馈</span>
    </div>
    <div class="cont">
        <p class="cont-title1">尊敬的用户：</p>
        <p class="cont-title2">您好！为了给您提供更好的服务，我们希望收集您使用贝链嗨购嗨购时的看法或建议。对您的配合和支持表示衷心感谢！</p>
        <div class="cont-cont">
            <div class="cont-textarea">
                <div>
                    意见反馈
                </div>
                <textarea name="" placeholder="请输入您要反馈的问题"></textarea>
            </div>
            <div class="cont-uploadImg">
                <div>
                    意见反馈
                </div>
                <div>
                    <div class="cont-upload-list" id="demo2"></div>
                    <div class="cont-upload-button" id="test2">
                        <img src="./static/img/upload_img.png" alt="">
                    </div>
                    <span>最多上传x张照片</span>
                </div>
            </div>
        </div>
        <div class="cont-botton">
            提交
        </div>
    </div>
    <div class="lgoin-footer">
        <div>
            鲁ICP备 18098987号 copyright @2018 beilianhaigou.com.ALL Rights Reserved.
        </div>
    </div>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        layui.use('upload', function () {
            var $ = layui.jquery,
                upload = layui.upload;
            //多图片上传
            upload.render({
                elem: '#test2',
                url: '/upload/',
                multiple: true,
                before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#demo2').append('<img src="' + result + '" alt="' + file.name +
                            '" class="">')
                    });
                },
                done: function (res) {
                    //上传完毕
                }
            });
        });
    </script>
</body>

</html>